<template>
	<view>
		<view class="list" v-for="item,index in data" :key="item.id">
			<p class="p1">{{item.title}}</p>
			<view class="two">
				<view class="oo" style="float: left;">
					<span>{{item.reply}}回答</span>
					<span style="margin: 0 10px;">{{item.viewCount}}浏览</span>
				</view>
				<view class="tt" style="float: right;">
					<span style="margin-right: 7px;">{{item.nickName}}</span>
					<span>{{item.createDate}}</span>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>

	export default {
	props:{
		data:Array
	},
		setup(props, context) {
			
		}
	}
</script>

<style>
	.two{
		color: #ccc;
		font-size: 22rpx;
		padding: 6px 0;
		overflow: hidden;
	}
	.p1{
		font-size: 35rpx;
	}
	.list{
		border-bottom: 1px solid #ccc;
		padding: 10px 10px;
	}
</style>
